import React from 'react';
import styles from './login.less';
import { history } from 'umi';

export default () => {
  return (
    <div className={styles.login}>
      <div className={styles.title}>
        <img
          src="https://account.xiaomi.com/static/res/7f6f2f5/account-static/respassport/acc-2014/img/mistore_logo.png"/>
      </div>
      <div className={styles.content}>
        <div className={styles.form}>
          <div className={styles.nav}>
            <div className={styles.left}>账号登录</div>
            <span className={styles.line}/>
            <div className={styles.right}>扫码登录</div>
          </div>
          <div className={styles.tabContent}>

            <div className={styles.account}>
              <div style={{ marginTop: '16px' }}><input type="text" placeholder="邮箱/手机号码/小米ID"/></div>
              <div style={{ marginTop: '16px' }}><input type="text" placeholder="密码"/></div>
              <div style={{ marginTop: '16px' }}>
                <button type="button" onClick={() => {
                  history.push('/mine/order');
                }}>登录
                </button>
              </div>
            </div>
            <div className={styles.scanCode}>

            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
